@charset "utf-8";
body{
    -webkit-font-smoothing: antialiased;
}
/*山西省图公共样式*/
.starModule{
    background-color: #282840;
    padding:0.25rem 0.2rem 0;
    font-size:0.18rem;
    color:#fff;
}
.sxTitle{
    padding-left:0.13rem;
    border-left:0.07rem solid #0efcff;
    font-size:0.22rem;
    color:#fff;
    margin-bottom:0.2rem;
}
.sxBgBorder{
    width: 100%;
    background-color: #0b152c;
    position: relative;
    border: solid 1px #6076ad;
    overflow: hidden;
}
.sxBgBorder .sxCorner{
    position: absolute;
    width: 0.15rem;
    height: 0.15rem;
}
.sxBgBorder .sxCorner:nth-of-type(1){
    left:0;
    top:0;
}
.sxBgBorder .sxCorner:nth-of-type(2){
    right:0;
    top:0;
    transform:rotateY(180deg)
}
.sxBgBorder .sxCorner:nth-of-type(3){
    left:0;
    bottom:0;
    transform:rotateX(180deg)

}
.sxBgBorder .sxCorner:nth-of-type(4){
    right:0;
    bottom:0;
    transform:rotateZ(180deg)
}
.sxBgBorder .sxCorner::before,.sxBgBorder .sxCorner::after{
    position: absolute;
    content: "";
    display: block;
    width: 0.15rem;
    height: 0.01rem;
    background-color: #0efcff;
    left:0;
    top:0;
}
.sxBgBorder .sxCorner::after{
    width: 0.01rem;
    height: 0.15rem;
}

/*借还书样式*/
.borrow {
    width: 7.93rem;
    height: 4.18rem;
}
.borrow-content {
    position: relative;
    padding-top:0.8rem;
}
#borrow_totalNum{
    color:#fee572;

}
.borrow-content p:nth-of-type(2) {
    color: #6eebec;
    font-size: 0.24rem;
}

.borrow-content p:nth-of-type(2) small {
    font-size: 0.16rem;
}
.borrow-content .borrow_total p small{
    color:#fee572;

}
.borrow_today,
.borrow_week,
.borrow_total {
    position: absolute;
    top: 0;
    text-align: center;
    height: 0.8rem;
    z-index: 2;
    color:#fff;
    font-size:0.18rem;
}
.borrow_today {
    left: 73%;
}
.borrow_week {
    left: 43%;
}
.borrow_total {
    left: 2%;
}
.borrow_des {
    margin-right:0.1rem;
}
#chart {
    width: 100%;
    height: 2.5rem;
}
/*今日推荐*/
.reco{
    width: 5.25rem;
    height: 4.68rem;
}
.zy-Slide {
    position: relative;
    width: 100%;
}
.zy-Slide ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}
.zy-Slide li {
    position: absolute;
    list-style: none;
    background: #000;
    width: 0;
    height: 0;
    z-index: 0;
    cursor: pointer;
    border-radius: 3px;
    margin: 0;
    padding: 0;
}
.zy-Slide li>img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.reco-left{
    width: 100%;
    height:3.4rem;
    margin:0.4rem auto 0;
}
.reco-left p{
    position:absolute;
    padding:0 5%;
    font-size:0.16rem;
    bottom:12%;
    left:0;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    line-height: 1.4;
}
.reco-left li a{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
}
.reco-left li a>img{
    max-width: 100%;
    width: 100%;
}
/*办证量，馆藏量*/
.handingTop,.handingBottom{
    position: relative;
    width: 3.71rem;
    height: 2.01rem;
    padding:0.69rem 0 0 1.59rem;
    font-size:0.4rem;
}
.handingTop{
    background-image: linear-gradient(90deg,
    #af61e9 0%,
    #890bde 100%),
    linear-gradient(
            #f33437,
            #f33437);
    background-blend-mode: normal,
    normal;
    margin-bottom:0.14rem;
}
.handingBottom{
    background-image: linear-gradient(90deg,
    #8fd508 0%,
    #608d01 100%),
    linear-gradient(
            #f33437,
            #f33437);
    background-blend-mode: normal,
    normal;
}
.handingTop::before,.handingBottom::before{
    position: absolute;
    content: '读者办证量';
    display: block;
    font-size:0.22rem;
    left:1.59rem;
    top:58%;
}
.handingBottom::before{
    content: '馆藏量';
}
.handingTop::after,.handingBottom::after{
    position: absolute;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: url(../img/guanCang.png);
    background-size: 100% 100%;
    display: block;
    left:15%;
    top:0.65rem;
}
.handingTop::after{
    background: url(../img/banZheng.png);
    background-size: 100% 100%;
}
/*图书借阅排行榜*/
.borrowRank{
    width: 9.35rem;
    height: 4.68rem;
    color:#fefefe;
}
.borrowRank .sxBgBorder{
    padding:0.3rem 0.55rem 0;
    position: relative;
}
.swiper-container-rank{
    width: 100%;
    height: 3.5rem;
}
.swiper-container-rank .swiper-slide{
    text-align: center;
    padding:0 0.15rem;
}
.swiper-container-rank .slideBookImg{
    width: 1.23rem;
    height: 1.9rem;
    margin-bottom:0.3rem;
}
.swiper-container-rank .slideBookName{
    font-size:0.2rem;
    line-height: 1.2;
}
.swiper-container-rank .slideBookRank{
    font-size: 0.24rem;
    letter-spacing: 0.02rem;
    margin-bottom:0.4rem;
}
.rankBG{
    display: block;
    margin:auto;
    width: 8.51rem;
    position: absolute;
    left:0.21rem;
    bottom:0.75rem;
}
.swiper-container-rank .swiper-slide:nth-of-type(1) .slideBookRank{
    color:#ff0000;
}
.swiper-container-rank .swiper-slide:nth-of-type(2) .slideBookRank{
    color:#f7c500;
}
.swiper-container-rank .swiper-slide:nth-of-type(3) .slideBookRank{
    color:#0090ff;
}

/*读者借阅排行*/
.readRank{
    width: 3.96rem;
    height: 4.68rem;
}
.readRank .sxBgBorder{
    height: 3.85rem;
}
.swiper-container-read{
    width: 100%;
    height: 3.4rem;
}
.readerName{
    position: relative;
    text-align: center;
    line-height: 0.4rem;
}
.readerName::before,.readerName::after{
    position: absolute;
    content: "排名";
    display: block;
    top:0;
    left:5%;

}
.readerName::after{
    content: "借阅量";
    left:80%;
}
.readRank .leftRank{
    width: 20%;
}
.readRank .leftRank>div{
    width: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    margin:auto;
    border-radius:50%;
    background-color: #fff;
    font-size: 0.16rem;
    color: #464564;
    text-align: center;
}
.readRank .middleName{
    width: 55%;
    text-align: center;
    padding-left: 4%;
}
.readRank .rightDownLoad{
    width: 25%;
    text-align: center;
}
.swiper-container-read .swiper-slide:nth-of-type(1) .leftRank>div{
    background-color: #f99e45;
    color:#3632FD;
}
.swiper-container-read .swiper-slide:nth-of-type(2) .leftRank>div{
    background-color: #ffd532;
    color:#3632FD;
}
.swiper-container-read .swiper-slide:nth-of-type(3) .leftRank>div{
    background-color: #14e673 ;
    color:#3632FD ;
}

/*通知*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.sxNotice{
    width: 6.86rem;
    height: 4.18rem;
}
.notice-content{
    height: 3.4rem;
    font-size:0.18rem;
    padding:0.15rem 0.25rem;
}
.notice-content .contentItem{
    position: relative;
    height: 0.3rem;
    line-height: 0.3rem;
    padding-left:0.25rem;
}
.notice-content .contentItem p:nth-of-type(1){
    width: 82%;
}
.notice-content .contentItem::before{
    position: absolute;
    content: "";
    display: block;
    left:0;
    top:0.07rem;
    width: 0.14rem;
    height: 0.14rem;
    border:0.01rem solid #0efcff;
    border-radius:50%;
}
.currContentItem::before{
    background-color:#0efcff;
}
.itemText{
    width: 100%;
    height: 1.7rem;
    border:0.01rem solid #464564;
    padding:0.1rem;
    margin:0.1rem 0;
}
.wrapDiv{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.moveDIV{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    text-align: justify;
    line-height: 2;
    font-size:0.16rem;
    color:rgba(14,252,255,1);
    transform:translate3d(0,0,0);
    letter-spacing: 0.02rem;

}

